<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<style type="text/css">

	#slide {

	position:absolute;
	left:454px;
	top:72px;
	width:439px;
	height:379px;
	z-index:1;
	}

	</style>
	

	<!-- slide-->
	<link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
	<link href="css/highlight.black.css" type="text/css" media="all" rel="stylesheet" />
	<link href="css/sexy-bookmarks-style.css" type="text/css" media="all" rel="stylesheet" />
	<script src="js/jquery-1.6.3.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.animate-colors-min.js"></script>
	<script src="js/jquery.skitter.min.js"></script>
	<script src="js/highlight.js"></script>
	<script src="js/sexy-bookmarks-public.js"></script>
	
	<script>
	$(document).ready(function(){
		
		$('.box_skitter_large').skitter({label: false, numbers: false});
		$('.box_skitter_small').skitter({label: false, numbers: false, interval: 1000});
		$('.box_skitter_medium').css({width: 500, height: 200}).skitter({show_randomly: true, navigation: false, dots: true, interval: 5000});
		$('.box_skitter_normal').css({width: 400, height: 300}).skitter({animation: 'blind', interval: 2000, hideTools: true});
		
		// Highlight
		$('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});
		
	});
	</script>

</head>
<body>
<!--Slide -->
<div id="slide">
<div id="page">
	<div id="content">
		<div class="border_box">
			<div class="box_skitter box_skitter_large">
				<ul>
					<li><img src="images/casas/1.jpg" class="block" /></li>
					<li><img src="images/casas/2.jpg" class="cubeHide" /></li>
					<li><img src="images/casas/3.jpg" class="cubeRandom" /></li>
					<li><img src="images/casas/4.jpg" class="cubeStop" /></li>
					<li><img src="images/casas/5.jpg" class="block" /></li>
					<li><img src="images/casas/6.jpg" class="cubeHide" /></li>
					<li><img src="images/casas/7.jpg" class="cubeRandom" /></li>
					<li><img src="images/casas/8.jpg" class="cubeStop" /></li>
					<li><img src="images/casas/9.jpg" class="block" /></li>
					<li><img src="images/casas/10.jpg" class="cuberHide" /></li>
					<li><img src="images/casas/11.jpg" class="cubeRandom" /></li>
					
				</ul>
			</div>
		</div>
		
  </div>
</div>
</div>
</body>
</html>